﻿body { background-color: white; }
.gallery { }
.gallery .picture { height: 460px; width: 460px; border-bottom: 1px solid rgba(204,204,204,.2); position: relative; }
.gallery .picture .zoom-icon { background: transparent url(http://img02.taobaocdn.com/tps/i2/T1uJNuXX8tXXXXXXXX-23-23.png) no-repeat scroll left top; right: 0; bottom: 0; height: 23px; width: 23px; position: absolute; }
.gallery #item-gallery-thumb { margin: 2px auto; height: 85px; overflow: hidden; position: relative; }
.gallery #item-gallery-thumb .slides-container { background-color: #F4F4F4; margin: 5px auto; padding: 5px; height: 65px; width: 325px; overflow: hidden; }
.gallery #item-gallery-thumb a.prev { display: block; position: absolute; left: 5px; top: 50%; width: 20px; }
.gallery #item-gallery-thumb a.next { display: block; position: absolute; right: 5px; top: 50%; width: 20px; }

.gallery .thumb { height: 65px; width: 325px; }
.gallery .thumb a { float: left; width: 55px; height: 55px; border: solid 2px #EAEAEA; margin: 3px; }
.gallery .thumb a.zoomThumbActive { border: solid 2px #FF6600; }
.gallery .thumb a img { width: 50px; height: 50px; margin: 2px; }
.gallery .action { margin: 5px; padding: 5px 5px; height: 30px; }
.property { }
.property .item-attribute { }
.property .item-attribute dl { }
.property .item-attribute dl dt { color: #666666; width: 65px; }
.property .item-attribute dl dd { margin-left: 65px; }

.property.meta { }
.property.key { }

.item-sku { padding: 0px 10px; background: none repeat scroll 0 0 #F8F8F8; border: 1px solid #EEEEEE; }
.item-sku-attention { border-color: #FF6801; }

.item-sku .dl-horizontal dt { color: #666666; width: 75px; font-size: 13px; font-weight: normal; text-align: left; }
.item-sku .dl-horizontal dd { margin-left: 75px; }

li.item-sku-prop { position: relative; padding: 0; margin-right: 10px; }
li.item-sku-prop a {line-height: 25px; background-color: #FFFFFF; border: 1px solid #C8C9CD; color: #000000; display: block; min-width: 10px; padding: 0 6px; text-align: center;  text-decoration: none; white-space: nowrap; width: auto !important; }
li.item-sku-prop i { display: none; }
li.item-sku-prop-selected i { display: block; background: url("http://static.silenthink.com/img/item.bg.png") no-repeat scroll 0 0 transparent; background-position: 0 -26px; bottom: 0; display: block; height: 12px; overflow: hidden; position: absolute; right: 0; text-indent: -9999em; width: 12px; }

li.item-sku-prop-selected a,li.item-sku-prop a:hover {margin:-1px; border: 2px solid #FF6701; }
li.item-sku-prop-disabled a,li.item-sku-prop-disabled a:hover { border: 1px dashed #D6D6D8; color: #CDCDCD; cursor: not-allowed; margin: 0; }

ul.item-action { margin: 0 20px 5px; }
.item-action li { margin-right: 10px; padding: 0; display: inline-block; width: 127px; height: 37px; }
.item-action li a { width: 127px; height: 37px; display: block; background: transparent url("http://static.silenthink.com/img/item.bg.png") no-repeat scroll 0 0; }
.item-action li.item-action-buy a { background-position: 0 -108px; }
.item-action li.item-action-buy:hover a { background-position: 0 -145px; }
.item-action li.item-action-add a { background-position: -254px -108px; }
.item-action li.item-action-add:hover a { background-position: -254px -145px; }

.item-action li a.item-action-buy { background-position: 0 -108px; }
.item-action li a.item-action-buy:hover { background-position: 0 -145px; }

.cart-box { width: 450px; left: 200px; top: 200px; padding: 4px; }
.cart-box-shadow { position: absolute; left: 0px; margin: 4px 0 0 4px; background: none repeat scroll 0 0 #E5E5E5; }
.cart-box-content { position: absolute; left: -4px; border: solid 1px red; z-index: 1; }

.item-detail { border: 1px solid #DCDFE5; padding: 1px; }
.item-tabs { position: relative; height: 200px; width: 400px; list-style: none; padding-left: 20px; padding-top: 5px; background: green; overflow: hidden; }
.item-tabs .section { float: left; }
.item-tabs .trigger { display: inline-block; height: 20px; line-height: 20px; padding: 1px 10px; margin-left: 5px; color: #000; background: #00FF7F; text-align: center; text-decoration: none; }
.item-tabs .active .trigger { padding-bottom: 8px; /* panel.top - parent.padding-top - tigger.height */ color: #fff; background: #a9ea00; }
.item-tabs .panel { display: none; position: absolute; width: 420px; /* parent.width+ parent.padding-left*/ height: 175px; /* parent.height +  padding-top - tabs.top */ top: 30px; left: 0px; color: #000; background: #a9ea00; }
.item-tabs .active .panel { display: block; }
.auction { width: 1200px; }
.auction .auction-item { margin: 10px; float: left; }
.auction .auction-item .auction-item-box { background: #fff; display: block; width: 200px; height: 310px; padding: 10px; border-radius: 2px 2px 2px 2px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
.auction .auction-item .auction-item-box p { margin: 5px; text-align: center; font-size: 14px; }
.auction .auction-item .auction-item-box p.icon { }

.auction .auction-item .auction-item-box p.name { height: 30px; line-height: 30px; font-size: 16px; }
.auction .auction-item .auction-item-box p.picture { }
.auction .auction-item .auction-item-box p.marketprice { color: #666666; }
.auction .auction-item .auction-item-box p.marketprice span.price { }
.auction .auction-item .auction-item-box p.currentprice { height: 30px; line-height: 30px; font-size: 16px; font-weight: normal; }
.auction .auction-item .auction-item-box p.currentusernickname { }
